<template>

    <div class="edit_container">
        <quill-editor 
            v-model="addForm.content" 
            ref="myQuillEditor" 
            :options="editorOption" 
            @blur="onEditorBlur($event)" @focus="onEditorFocus($event)"
            @change="onEditorChange($event)">
        </quill-editor>
    </div>
</template>


<script>
    import {mapActions, mapState, mapGetters} from 'vuex'
    import headTop from '../../components/headTop'
    import {userList} from '@/api/getData'
    import ElInput from "../../../node_modules/element-ui/packages/input/src/input.vue";
    import ElOption from "../../../node_modules/element-ui/packages/select/src/option.vue";

    export default {
        name:'addSubject',
        props:{

        },
        data() {
            return {
                opertype:'',
                addForm:{

                },
                 rules: {
                    name: [
                        {required: true, message: '', trigger: 'blur'},
                    ]

                },
            }
        },
        components: {
            ElOption,
            ElInput,
            headTop,

        },
        computed: {
            ...mapGetters(['userInfo'])
        },
        created() {
        },
        mounted() {

        },
        methods: {
            ...mapActions(['']),

            validFrom(){
                let flag = false
                this.$refs['addSubject'].validate((valid) => {
                    flag = valid
                })
                return flag;

            }
        },
    }
</script>
<style lang="less">
    @import '../../style/mixin';

    .el-table .sks {
        background: #c2e7b0;
    }
</style>
